
/**
 * Demonstrates usage of an accordion layout.
 */
Ext.define('KitchenSink.view.layout.Accordion', {
    extend: 'Ext.panel.Panel',
    xtype: 'layout_accordion',

    /*requires: [
        'Ext.layout.container.Accordion',
        'Ext.grid.*'
    ],*/

    title: 'Accordion Layout',
    layout: 'accordion',
    width: 700,
    height: 500,
    defaults: {
        bodyPadding: 10
    },

    items: [{
        title: 'Accordion Item 1',
		xtype: 'panel',
        html: 'Empty'
    }, {
        title: 'Accordion Item 2',
        html: 'Empty'
    }, {
        title: 'Accordion Item 3',
        html: 'Empty'
    }, {
        title: 'Accordion Item 4',
        html: 'Empty'
    }, {
        title: 'Accordion Item 5',
        html: 'Empty'
    }]
});

Ext.onReady(function(){
	Ext.themeName = 'classic';
	var viewBorderLayoutDemo = Ext.create({
		xtype: 'layout_accordion',
		x: 20, 
		y: 20,
		renderTo: Ext.getBody()
	});
});

